﻿html, body
{
    height: 100%;
    overflow: inherit; /* triggers 100% height in Opera 9.5 */
    font-family: Verdana,Arial;
    font-size: 11px;
    margin: 0;
    padding: 0;
}

body
{
    background: #eeeeee;
    background-image: url("/Images/Admin/Layout/Background.jpg");
    background-repeat: repeat-y;
    background-position: center;
}

a, a:link, a:active
{
    color: Black;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

#form1
{
    height: 100%;
}

#top-wrapper
{
    position: absolute;
    left: 0px;
    right: 0px;
    height: 104px;
    background: #ccd6d8;
    background-image: url("/Images/Admin/Layout/TopBackground.jpg");
    background-repeat: repeat-x;
    background-position: 0px -45px;
    padding-left: 240px;
    min-width: 836px;
}

#top-inner-wrapper
{
    height: 36px;
    width: 830px; /* hsj */
    margin: 66px auto;
    background: #f1f1f1;
    border-bottom: 2px solid #edebeb;
}

#top-breadcrumb-wrapper
{
    float: left;
    left: -200px;
    position: relative;
}

#logo
{
    position: relative;
    margin-top: -38px;
    overflow: hidden;
    left: -222px;
    float: left;
}

.logo_image
{
background-image: url("/Images/Admin/Logo.png");
width: 197px;
height: 46px;
background-repeat: no-repeat;
}

img
{
    border: 0px;
}



#middle-wrapper
{
    min-height: 100%;
    width: 830px; /* hsj */
    margin: 0 auto;
    background: white;
    border-left: 240px solid #eeeeee;
}

#middle-inner-wrapper
{
    height: 100%;
    min-height: 100%;
}

* html #form1 #middle-content
{
    height: 100%; /* IE6 treats height as min-height */
}

#main
{
    padding: 20px 10px 10px 10px;
}

#main-wrapper
{
    padding: 104px 0 64px;
    width: 1px;
    float: left;
    position: relative;
    left: -230px;
}

#main-inner-wrapper
{
    background-color: White;
    width: 825px; /* hsj */
}

#menu-wrapper
{
    float: left;
    padding-bottom: 180px;
    width: 233px;
}

#menu-inner-wrapper
{
    position: relative;
    top: 120px;
    left: -230px;
    background-color: #394145;
    background-image: url("/Images/Admin/Layout/MenuBackground.jpg");
    background-repeat: repeat-x;
    width: 230px;
    padding-bottom: 20px;
    margin-bottom: 10px;
}

.menu-content-header
{
    font-size: 12pt;
    font-weight: bold;
    margin: 10px;
}

#menu-content
{
    padding: 10px;
    color: White;
}

#menu-content a:hover
{
    color: #ffffff;
}

#menu-content ul
{
    padding: 2px 0px 8px 15px;
    list-style-type: none;
    margin-left: 0;
}


#menu-content li
{
    padding: 1px 0px 0px 0px;
    list-style-type: none;
}

.contentList
{
    margin: 10px 0px 0px 0px;
}


#footer-inner-wrapper
{
    height: 26px;
    width: 830px; /* hsj */
    margin: auto;
    background-image: url("/Images/Admin/Layout/ContentBottomBackground.png");
    background-repeat: repeat-x;
}

#footer-wrapper
{
    height: 64px;
    margin: -64px auto 0;
    background-image: url("/Images/Admin/Layout/FooterBackground.jpg");
    background-repeat: repeat-x;
    padding-left: 240px;
    min-width: 836px;
}

#footer-content-wrapper
{
    position: relative;
    padding-left: 250px;
    white-space: nowrap;
}

#ContentShadowTopLeft
{
    float: left;
    margin-left: -5px;
}

#ContentShadowTopRight
{
    float: right;
    margin-right: -5px;
}

#ContentShadowBottomRight
{
    margin-top: -112px;
    margin-right: -5px;
    float: right;
    position: relative;
    top: 2px;
}

#ContentShadowBottomLeft
{
    margin-top: -110px;
    margin-left: -5px;
    position: relative;
    left: -249px;
    float: left;
}

#logo-breadcrumb-wrapper
{
    float: left;
    position: absolute;
}

#top-logininfo-wrapper
{
    margin-top: -55px;
    position: relative;
    float: right;
    margin-right: 10px;
}

.rnd-box .white .tl, .rnd-box .white .tr, .rnd-box .white .br, .rnd-box .white .bl
{
    background-image: url("/Images/Admin/Layout/RoundedBoxes-AdminLeftmenu.png");
}


#footer
{
    position: relative;
    color: Black;
    padding-top: 4px;
    left: 0px;
}

#breadcrumb
{
    padding-left: 20px;
    padding-top: 11px;
}

#top-logininfo, #top-logininfo a
{
    font-weight: bold;
    color: Black;
    text-decoration: none;
}

#top-logininfo a:hover
{
    text-decoration: underline;
}



/* ADMIN SPECIFIC */

#contentBottom
{
    margin-left: 237px;
    padding-top: 3px;
    text-align: center;
    width: 826px;
    background-image: url(/Images/admin/Layout/ContentBottombackground.png);
    background-repeat: repeat-x;
    height: 26px;
}

#bottom2
{
    margin: -1px auto 0 auto;
    width: 1062px;
}

.logoutButton
{
    width: 82px;
    height: 28px;
    border: 0;
    color: #fff;
    margin-top: 32px;
    float: right;
    background-image: url('/images/admin/Layout/ButtonBackground.png');
}

.menuNotSelected, a.menuNotSelected
{
    color: #bebebe;
    text-decoration: none;
    font-size: 15;
}

.menuSelected, a.menuSelected
{
    font-weight: bold;
    color: White;
    text-decoration: none;
    font-size: 15;
}


.menuSelectedNoSubmenu, a.menuSelectedNoSubmenu
{
    font-weight: bold;
    color: White;
    text-decoration: none;
    font-size: 15;
}


.issueFieldPreview
{
    border: 1px solid #888888;
    margin: 1em auto;
    border-collapse: collapse;
}

.issueFieldPreview td
{
    border-bottom: 1px solid #888888;
    border-left: 1px solid #888888;
    padding: 5px;
}

.LivePreviewTable
{
    table-layout: fixed;
    width: 100%;
}

.LivePreviewTable td
{
}

.Expired td
{
    background-color: #f5b5b1;
    padding: 6px 12px 4px 12px;
    
}

